<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="关键字" />
<meta name="description" content="网页描述" />
<title>Web技术社区</title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>
<body>
	<div id="introduction">
		<div id="content">
			<h2>欢迎来到Web技术社区</h2><br />
			<p>本站包括了HTML、CSS、Javascript、jQuery等各种基础编程教程。</p>
			<p>本站致力于推广各种前端技术，所有资源是完全免费的，并且会根据当前互联网的变化实时更新本站内容。同时本站内容如果有不足的地方，也欢迎广大编程爱好者在本站留言提供意见。</p>
		</div>
	</div><br /><br />
	<div id="main">
		<div class="card">
			<img src="img/html.png" alt="这是一张图片"/><br /><br />
			<ul>
				<li>HTML 指的是超文本标记语言</li>
				<li>HTML 不是一种编程语言，而是一种标记语言</li>
				<li>标记语言是一套标记标签</li>
			</ul>
		</div>
		<div class="card">
			<img src="img/css.png" alt="这是一张图片"/><br /><br />
			<ul>
				<li>CSS 指层叠样式表</li>
				<li>样式定义如何显示 HTML 元素</li>
				<li>样式通常存储在样式表中</li>
			</ul>
		</div>
		<div class="card">
			<img src="img/js.png" alt="这是一张图片"/><br /><br />
			<ul>
				<li>JavaScript 是一种轻量级的编程语言</li>
				<li>JavaScript 是可插入 HTML 页面的编程代码</li>
				<li>JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行</li>
			</ul>
		</div>
		<div class="card">
			<img src="img/jquery.png" alt="这是一张图片"/><br /><br />
			<ul>
				<li>jQuery是一个JavaScript函数库</li>
				<li>jQuery是一个轻量级的"写的少，做的多"的JavaScript库</li>
				<li>jQuery提供了大量的插件</li>
			</ul>
		</div>
	</div>
</body>
</html>
